Image Resize
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.
- Bild hochladen (Drag & Drop oder Klick)
- Breite / Höhe eingeben oder Preset wählen
- Format (JPG, PNG, WebP) und Qualität wählen
- Skaliertes Bild herunterladen
title="Seitenverhältnis false; WebP) </span> value="image/png">PNG</option> = <span <ul><li>Bild type="range" hochladen <div Browser type="number" style="width:75px"> Resize data-pct="75">75%</button> <button Server-Upload, <div <button <p data-pct="50">50%</button> id="rz-format"> wählen</li><li>Format <div Höhe PNG, <button <div </select> class="dropzone" <div id="rz-canvas"></canvas> class="rz-preset" </div> class="rz-preset" id="rz-presets"> <button <button class="rz-ctrl-label"><b>H:</b></span> data-w="1280">1280px</button> max="100" data-w="1024">1024px</button> class="rz-preset" <span class="std-btn & Image id="rz-tool-container"> Sie <input <button Bilder oder (JPG, value="90" class="rz-preset" kein <button Image</span></div> true id="rz-quality-val">90</span>% und eingeben data-w="320">320px</button> oder id="rz-output-info"></p> waves-light direkt <a <option <button min="1" type="number" value="image/webp">WebP</option> type="text/javascript"> Installation. id="rz-controls"> data-w="640">640px</button> $(".dropzone").dropzone({ id="rz-download" min="1" <button id="rz-lock" class="rz-ctrl-label"><b>B:</b></span> style="width:75px"> addRemoveLinks: / Qualität herunterladen</li></ul> id="rz-orig-info"></div> </div> id="rz-width" <option Preset class="rz-preset" style="width:80px"> <span <div Bild <span Klick)</li><li>Breite <select </div> max="8000" waves-effect Dropzone.autoDiscover btn" <button <span <span data-w="800">800px</button> class="rz-preset" class="rz-preset" id="rz-quality" <option class="rz-ctrl-label">Qualität:</span> Drop (Drag Skalieren value="image/jpeg">JPG</option> id="rzDropzone"> data-w="1920">1920px</button> wählen</li><li>Skaliertes id="rz-quality-wrap"> data-pct="25">25%</button> </script> sperren">🔒</button> class="rz-preset" <input <canvas im keine <script <input }); class="dz-message" data-pct="100">100%</button> — class="rz-ctrl-label"> px</span> min="10" max="8000" class="rz-preset" href="#">⬇ id="rz-height" <button class="rz-preset" data-dz-message><span>Drop </div> Download</a>
Talk is cheap. Show me the code.
Linus Torvalds
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.